
//设置登录下面的a链接来回切换
$('.box a').on('click', function () {
    $(this).parents('.box').hide().siblings('.box').show()
})

// 比如，验证一个用户名和密码
function test() {
    return {
        fields: {
            username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
                validators: {
                    notEmpty: {   //不能为空
                        message: '用户名不能为空.'
                    },
                    stringLength: {   //检测长度
                        min: 2,
                        max: 15,
                        message: '用户名需要2~15个字符'
                    }
                }
            },
            password: {
                validators: {
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    stringLength: {   //检测长度
                        min: 6,
                        max: 15,
                        message: '密码需要6~15个字符'
                    }
                }
            }
        }
    }
}
// 比如，注册
$('.register form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();

    // 提交数据
    let data = $(this).serialize();

    axios.post('/api/register', data).then(result => {
        // console.log(result);
        let { code, message } = result.data;

        if (code === 0) { // code === 0 表示成功。我们目前只处理成功的情况即可。失败的情况后续统一处理
            // 清空输入框
            $('.register input').val('');
            // 提示一下
            toastr.success(message);
            // 切换到登录的盒子
            $('.register').hide().next().show();
        }
    })
});


// 登录

$('.login form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();

    // 收集表单数据
    let data = $(this).serialize();

    // Ajax提交数据
    axios.post('/api/login', data).then(result => {
        let { code, message, token } = result.data;
        console.log(code, message, token);

        if (code === 0) { // 登录成功
            localStorage.setItem("token", token)
            // 跳转到 index.html
            location.href = './index.html'; // 页面跳转，不要看js文件在哪里；看两个html文件的关系
            console.log(data);
        }
    })
});






